<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Tutorial: Hello Dojo!</title>
    <link rel="stylesheet" href="../resources/style/demo.css">
</head>
<body>
<h1 id="greeting">Hello</h1>
<!-- load dojo and provide config via data attribute -->
<script src="//lib.sinaapp.com/js/dojo/1.10.0/dojo.js" data-dojo-config="isDebug:1, async:1"></script>
<script>
    require([
        'dojo/dom',
        'dojo/fx',
        'dojo/domReady!'
    ], function (dom, fx) {
        // The piece we had before...
        var greeting = dom.byId('greeting');
        greeting.innerHTML += ' from Dojo!';

        // ...but now, with a fun animation!
        fx.slideTo({
            node: greeting,
            top: 100,
            left: 200
        }).play();
    });
</script>
</body>
</html>